<template>
  <div id="about">
    <v-row :gutter="16" :style="{ margin: '12px 5px' }">
      <!-- 导航 -->
      <v-col class="gutter-row" span="8">
        <v-breadcrumb>
          <v-breadcrumb-item>
            <v-icon type="home"></v-icon>
            <router-link :to="{ name: 'Index' }">首页</router-link>
          </v-breadcrumb-item>
          <v-breadcrumb-item>关于</v-breadcrumb-item>
        </v-breadcrumb>
      </v-col>
    </v-row>
    <v-card>
      <div class="question">
        <h3>1. 为什么有些书籍显示<span style="color: rgb(114, 101, 230)">本站暂未收录该书籍</span>?</h3>
        答：本站搭建在腾讯云1核1g的服务器上、<span style="color: red">磁盘空间有限</span>，无法存储大量的书籍，因此本站只存储人气高的书籍
      </div>
      <div class="question">
        <h3>2. 我想让我喜欢的书籍内容收录到本站!</h3>
        答：加<span style="color: red">小说世界讨论群</span>，提出你的需求和建议，我们来完善。+q: <span style="color: red">946551431</span>
      </div>
      <div class="question">
        <h3>3. 小说更新有延迟啊，比人家某点慢!!!</h3>
        答：本站利用爬虫爬取人家网站，当然是有延迟滴
      </div>
      <div class="question">
        <h3>4. 以后是否会收费、广告等</h3>
        答：免费是我们的初衷，界面干净是我们的宗旨
      </div>
      <div class="question">
        <h3>5. 功能完善问题，比如是否增加书籍讨论、用户收藏等</h3>
        答：讨论、收藏、推送都在考虑中
      </div>
    </v-card>
  </div>
</template>

<script>
export default {
  name: "About",
  data () {
    return {
    };
  }
};
</script>

<style>
#about .ant-card{
  margin: 0% 15%;
  font-size: 16px;
  padding: 0px;
  background-color: white;
}

.question{
  margin-top: 10px;
}
</style>